﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Detail Product</title>
<link href="css/styleAdmin.css" rel="stylesheet" type="text/css" />
 <link href="css/tabcontent.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/tabcontent.js" type="text/javascript"></script>
<script type="text/javascript" src="js/prototype-1.js"></script>
<script type="text/javascript" src="js/prototype-base-extensions.js"></script>
<script type="text/javascript" src="js/prototype-date-extensions.js"></script>
<script type="text/javascript" src="js/behaviour.js"></script>
<script type="text/javascript" src="js/datepicker.js"></script>
<link rel="stylesheet" href="css/datepicker.css">
<script type="text/javascript" language="javascript" src="js/behaviors.js"></script>
<script>
$(function() {
	var sticky_navigation_offset_top = $('#header').offset().top;
	var sticky_navigation = function(){
		var scroll_top = $(window).scrollTop(); 
		if (scroll_top > sticky_navigation_offset_top) { 
			$('#header').css({ 'position': 'fixed', 'top':0, 'left':0, 'z-index':1000 });
		} else {
			$('#header').css({ 'position': 'relative' }); 
		}   
	};
	sticky_navigation();
	$(window).scroll(function() {
		 sticky_navigation();
	});
	$('a[href="#"]').click(function(event){ 
		event.preventDefault(); 
	});
});
</script>
</head>

<body id="minwidth">
<header class="clearfix">
	<div id="header">
    	<ul class="menumain">
        <li><a href="#"><img src="images/logo.png" /></a></li>
        	<li><a href="#">Trang chủ</a></li>
            <li><a href="#">Thành viên</a>	
            	<ul class="subnav">
                	<li > <a class="icon-16-user" href="#">Quản lý thành viên</a>
                    	<i class="arow"></i>
                        <ul class="sublevel2">
                        	<li><a class="icon-16-newarticle" href="#">Thêm thành viên mới</a></li>
                        </ul>
                    </li>
                    <li> <a class="icon-16-groups" href="#">Nhóm</a>
                    	<i class="arow"></i>
                        <ul class="sublevel2">
                        	<li><a class="icon-16-newarticle" href="#">Thêm nhóm mới</a></li>
                        </ul>
                    </li>
                    <li> <a class="icon-16-levels" href="#">Chế độ truy cập</a>
                    	<i class="arow"></i>
                        <ul class="sublevel2">
                        	<li><a class="icon-16-newarticle" href="#">Thêm nhóm mới</a></li>
                        </ul>
                    </li>
                    <li> <a class="icon-16-massmail" href="#">Gửi thư cho thành viên</a></li>
                </ul>
            </li>
            <li><a href="#">Danh mục</a>  
            	<ul class="subnav">
                	<li > <a class="icon-16-menumgr" href="#">Quản lý danh mục</a>
                    	<i class="arow"></i>
                        <ul class="sublevel2">
                        	<li><a class="icon-16-newarticle" href="#">Thêm danh mục mới</a></li>
                        </ul>
                    </li>
                    <li> <a class="icon-16-menu" href="#">Main Menu</a>
                    	<i class="arow"></i>
                        <ul class="sublevel2">
                        	<li><a class="icon-16-newarticle" href="#">Thêm menu mới</a></li>
                        </ul>
                    </li>
                </ul>     
            </li>
            <li><a href="#">Nội dung</a>
            	   	<ul class="subnav">
                	<li > <a class="icon-16-article" href="#">Quản lý bài viết</a>
                    	<i class="arow"></i>
                        <ul class="sublevel2">
                        	<li><a class="icon-16-newarticle" href="#">Thêm bài viết mới</a></li>
                        </ul>
                    </li>
                    <li> <a class="icon-16-category" href="#">Quản lý thể loại</a>
                    	<i class="arow"></i>
                        <ul class="sublevel2">
                        	<li><a class="icon-16-newarticle" href="#">Thêm thể loại mới</a></li>
                        </ul>
                    </li>
                    <li> <a class="ico-16-featured" href="#">Bài viết nổi bật</a>
                    </li>
                </ul>
            </li>
            <li><a href="#">Mở Rộng</a></li>
            <li><a href="#">Tiện ích mở rộng</a></li>
            <li><a href="#">Trợ giúp</a></li>
        </ul>
         <ul class="floatr menumain">
            <li><a class="admin-ic" href="#">Hello ! Admin</a>	
            	<ul class="subnav">
                	<li > <a href="#">Profile</a></li>
                    <li > <a href="#">Đăng Xuất</a></li>
                </ul>
        </ul>
    </div><!--end header-->
</header>
<div class="clear10"></div>
<section class="clearfix">
	<div class="content">
    <div class="borallman">
    	<div class="mar10 borall">
        	<div class="floatl">
            	<span class="floatl"><img src="images/icon-48-generic.png"/></span>
                <span class="title-name">Danh mục sản phẩm</span>
            </div>
            <ul class="floatr toolbar-list">
             <li id="toolbar-cancel" class="button">
                <a class="toolbar" href="#">
                <span class="icon-32-cancel">
                </span>
                Hủy bỏ
                </a>
                </li>
             <li class="button">
                <a class="toolbar" href="#">
                <span class="icon-32-save">
                </span>
                Lưu và thoát
                </a>
                </li>
                <li class="button">
                <a class="toolbar" href="#">
                <span class="icon-32-apply">
                </span>
                Lưu
                </a>
                </li>           
            </ul>
        </div><!--end borall-->
        <div class="clear0"></div>
        <div class="borall mar10">
        	<ul class="menumain">
            	<li><a href="#">Thể loại</a></li>
                <li><a href="#">Sản phẩm</a></li>
                <li><a href="#">Đặt Hàng</a></li>
                <li><a href="#">Khách Hàng</a></li>
            </ul>
        </div><!--end borall mar10-->
        <div class="clear0"></div>
    	<div class="mar10 borall">
        	<div class="div100">
            	<div class="frameLeft">
                <ul id="countrytabsTrangChuTren" class="shadetabs">
                    <li><a href="#" rel="idTrangChuTren1" class=""><span><span>Mô Tả</span></span></a></li>
                    <li><a href="#" rel="idTrangChuTren2" class=""><span><span>Chi Tiết</span></span></a></li>
                     <li><a href="#" rel="idTrangChuTren3" class=""><span><span>Thuộc Tính</span></span></a></li>
                      <li><a href="#" rel="idTrangChuTren4" class=""><span><span>Hình ảnh</span></span></a></li>
                       <li><a href="#" rel="idTrangChuTren5" class=""><span><span>Video</span></span></a></li>
                  
                </ul>

    </div>        
    <div id="idTrangChuTren1" class="tabcontent" style="display: none; ">
    	<fieldset class="fromlist">
                    <ul>
                    	<li>
                        	<label>Tiêu đề <span class="start">*</span></label>
                            <input type="text" size="60" />
                        </li>
                        <li>
                        	<label>Tóm Tắt <span class="start">*</span></label>
                            <textarea rows="5" cols="47"></textarea>
                        </li>
                        <li>
                        	<label>Tiêu đề <span class="start">*</span></label>
                            <input type="text" size="60" />
                        </li>
                         <li>
                        	<label>Tiêu đề <span class="start">*</span></label>
                            <select size="1" name="" style="padding:4px" >
                                <option selected="selected" value="1">Xuất bản</option>
                                <option value="0">Chưa được công bố</option>
                                <option value="2">Lưu trữ</option>
                                <option value="-2">Thùng rác</option>
                        	</select>
                        </li>
                         <li>
                        	<label>Nội dung <span class="start">*</span></label>
                            <textarea rows="10" cols="70"></textarea>
                        </li>
                    </ul>
                </fieldset>   
    </div><!--end idTrangChuTren1-->
   <div id="idTrangChuTren2" class="tabcontent" style="display: none; ">
        <fieldset class="fromlist">
                    <ul>
                    	<li>
                        	<label>Xuất bản </label>
                            <input type="checkbox" checked="checked" value="1"  name=" ">
                        </li>
                        <li>
                        	<label>Giá </label>
                            <input type="text" value="26000" name=" ">
                             <select name=" " class="font11">
                            <option selected="selected" value="2" >VND</option>
                            <option value="3">USD</option>
                            <option value="1">EUR</option>
                            </select>
                        </li>
                        <li>
                        	<label>Giá cũ</label>
                            <input type="text" />
                        </li>
                         <li>
                        	<label>Số Lượng sản phẩm trong kho</label>
                            <input type="text" />
                        </li>
                         <li>
                        	<label>Tổng số deal </label>
                            <input type="text" />
                        </li>
                         <li>
                        	<label>Số deal đạt giá tốt</label>
                            <input type="text" />
                        </li>
                        <li>
                        	<label>Ngày kết thúc</label>
                            <input class="datetimepicker"/>
                        </li>
                        <li>
                        	<label>URL</label>
                            <input type="text" size="60" />
                        </li>
                        <LI>
                        	<label>Nhà sản xuất</label>
                            <select multiple="multiple" size="10"  name="" class="font11">
                            <option selected="selected" value="1">Hồ Chí Minh</option>
                            </select>
                        </LI>
                        <li>
                        	<label>Thể Loaoij</label>
                            <select multiple="multiple" size="10"  name="" class="font11">
                            <option value="19">Tất cả</option>
                            <option value="1">-- Đồ Khuyến Mãi</option>
                            <option value="4">-- -- Đồ dùng gia đình</option>
                            <option value="5">-- -- Đồ Trẻ Em</option>
                            <option value="6">-- -- Mỹ phẩm làm đẹp</option>
                            <option value="7">-- -- Sản phẩm Lock &amp; Lock</option>
                            <option value="8">-- -- Du lịch</option>
                            <option value="2">-- Sản phẩm</option>
                            <option value="9">-- -- Gia dụng</option>
                            <option value="10">-- -- Công nghệ &amp; Điện tử</option>
                            <option value="11">-- -- Làm đẹp</option>
                            <option value="12">-- -- Quà tặng</option>
                            <option value="13">-- -- Mẹ &amp; Bé</option>
                            <option value="14">-- -- Khác</option>
                            <option value="3">-- Thời trang</option>
                            <option selected="selected" value="15">-- -- Thời trang nữ</option>
                            <option value="16">-- -- Thời trang nam</option>
                            <option value="17">-- -- Thời trang trẻ em</option>
                            <option value="18">-- -- Phụ kiện</option>
                            </select>
                        </li>
                        <li>
                        	<label>Nhà cung cấp</label>
                            <select size="1" name="" class="font11" >
                            <option selected="selected" value="0">Nhóm Giảm Giá </option>
                            </select>
                        </li>
                        <li>
                        	<label>Nhãn Hiệu</label>
                            <select size="1"  name="" class="font11">
                            <option selected="selected" value="0">Xin vui lòng chọn</option>
                            <option value="1">Deal Hot</option>
                            <option value="2">New Deal</option>
                            </select>
                        </li>
                    </ul>
                </fieldset>  
    </div>
    <div id="idTrangChuTren3" class="tabcontent" style="display: none; ">
        <table class="adminlist">
       <thead>
       <tr>
                   <th width="100">Màu sắc</th>
                   <th width="100">Họa tiết</th>
                   <th width="100">Kích cỡ</th>
                   <th width="100">Giá</th>
                   <th width="100">Số lượng của sản phẩm trong kho</th>
           		   <th width="100">Số deal</th>
                   <th width="10">Mã sản phẩm</th>
                   <th width="100">Trọng lượng (Kg)</th>
                   <th width="100">Giá cũ</th>
                   <th></th>
            	   <th width="60"><input type="checkbox"></th>
       </tr>
       </thead>
       <tbody>
       <tr>
       <td><input type="hidden" value="6" name="">Màu Tím</td>
       <td><input type="hidden" value="0" name="">xvv  fgd fgfd fdgfdg dgdgdfgdfg             eww ew</td>
       <td><input type="hidden" value="0" name=""></td>
       <td><input type="text" value="26000.00" name="" size="10"></td>
       <td><input type="text" value="30" name="" size="10"></td>
       <td><input type="text" value="30" name="" size="10"></td>
       <td><input type="text" value="" name="" size="10"></td>
       <td><input type="text" value="0.0000" name="" size="10"></td>
       <td><input type="text" value="60000.00" name="" size="10"></td>
       <td><a href="#" target="_blank">Giá trị bổ sung</a></td>
       <td><input type="hidden" value="72" name="" size="10">
       <input type="checkbox" value="1" ></td>
       </tr>
       <tr>
       <td><input type="hidden" value="6" name="">Màu Tím</td>
       <td><input type="hidden" value="0" name="">xvv  fgd fgfd fdgfdg dgdgdfgdfg             eww ew</td>
       <td><input type="hidden" value="0" name=""></td>
       <td><input type="text" value="26000.00" name="" size="10"></td>
       <td><input type="text" value="30" name="" size="10"></td>
       <td><input type="text" value="30" name="" size="10"></td>
       <td><input type="text" value="" name="" size="10"></td>
       <td><input type="text" value="0.0000" name="" size="10"></td>
       <td><input type="text" value="60000.00" name="" size="10"></td>
       <td><a href="#" target="_blank">Giá trị bổ sung</a></td>
       <td><input type="hidden" value="72" name="" size="10">
       <input type="checkbox" value="1" ></td>
       </tr>
      <tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td><input type="button" onclick="deleteListAttr()" value="Xóa"></td></tr>       </tbody></table>
    </div><!--end idTrangChuTren3-->
     <div id="idTrangChuTren4" class="tabcontent" style="display: none; ">
       <fieldset class="fromlist">
                    <ul>
                    	<li>
                        	<label>Chọn hình ảnh</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Chọn hình ảnh</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Video tập tin</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Chọn hình ảnh</label>
                            <input type="file"  />
                        </li>
                         <li>
                        	<label>Chọn hình ảnh</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Chọn hình ảnh</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Chọn hình ảnh</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Chọn hình ảnh</label>
                            <input type="file"  />
                        </li>
                    </ul>
                </fieldset>   
    </div><!--end idTrangChuTren4-->
     <div id="idTrangChuTren5" class="tabcontent" style="display: none; ">
        <fieldset class="fromlist">
                    <ul>
                    	<li>
                        	<label>Video tập tin</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Xem trước hình ảnh (cho video)</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Video tập tin</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Xem trước hình ảnh (cho video)</label>
                            <input type="file"  />
                        </li>
                         <li>
                        	<label>Video tập tin</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Xem trước hình ảnh (cho video)</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Video tập tin</label>
                            <input type="file"  />
                        </li>
                        <li>
                        	<label>Xem trước hình ảnh (cho video)</label>
                            <input type="file"  />
                        </li>
                    </ul>
                </fieldset>   
    </div><!--end idTrangChuTren5-->
   
    <script type="text/javascript">
        var countries = new ddtabcontent('countrytabsTrangChuTren')
        countries.setpersist(true)
        countries.setselectedClassTarget('link') //'link' or 'linkparent'
        countries.init()
    </script>
            </div>
        </div><!--end mar10-->

    </div><!--end borallman-->
    </div><!--end content-->
</section>
</body>
</html>
